<template>
    <div class="common-layout">
        <el-container>
            <el-aside width="auto">
                <Ln/>
            </el-aside>
            <el-container>
                <el-header>
                    <Tr/>
                </el-header>
                <el-main>
                    <router-view></router-view>
                </el-main>
            </el-container>
        </el-container>
    </div>
</template>
<script setup>
import Ln from "../components/LeftNav.vue"
import Tr from "../components/TopRight.vue"
// import HomeChild from './HomeChild/HomeChild.vue'
</script>
<style lang="scss">
.common-layout {
    .el-aside {
        background-color: pink;
    }

    .el-header {
        background-color: gold;
    }

    .el-main {
        background-color: burlywood;
    }
    
}
.el-aside,.el-container,.common-layout,#app,body,html{
 height: 100%;
}
</style>